.iti__hide {
  display: none; }

pre {
  margin: 0 !important;
  display: inline-block; }

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
  background: none; }

input, button {
  background: #f4f4f4;
  border: 1px solid var(--color-red);
  font-size: 17px;
  width: 100%;
  display: block;
  box-sizing: border-box;
  padding: 10px 15px;
  border-radius: 60px;
  color: var(--color-red);
  font-weight: 100;
  letter-spacing: 0.01em;
  position: relative;
  z-index: 100;}
  input[disabled], button[disabled] {
    background-color: #eee; 
    z-index: 100;}

input,select {  
  width: 100%;
  z-index: 100 }

::-webkit-input-placeholder {
 color: #BBB; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #BBB;
  opacity: 1; }

:-ms-input-placeholder {
  color: #BBB; }

button {
  color: #FFF;
  background-color: #428BCA;
  border: 1px solid #357EBD;
  z-index: 100  }
  button:hover {
    background-color: #3276B1;
    border-color: #285E8E;
    cursor: pointer;
    z-index: 100 }

#result {
  margin-bottom: 100px;
  z-index: 100 }